草庐IT

Flutter list.builder 不滚动

全部标签

javascript - 在 react native 中返回时如何使用 flatlist 保持滚动位置?

我是ReactNative的新手。向前导航然后返回到该屏幕时,我在保持平面列表的位置时遇到问题。当前行为向前导航然后向后导航时,滚动位置会丢失。预期行为当浏览大量项目列表时,用户向下滚动列表并单击某个项目。该应用程序会转到显示产品详细信息的下一页。如果用户决定向后导航,则页面不会滚动到前一点。 最佳答案 尝试处理状态下滚动位置的变化:handleScroll方法:handleScroll:function(event:Object){this.setState({scrollPosition:event.nativeEvent.co

javascript - jQuery mobile + iScroll,无法向下滚动

我正在尝试整合jQueryMobile与iScroll4.我知道已经有一个project这样做,但是,由于bug,我正在避免它带有输入元素(打字时页面像疯了似的跳转)。我目前的实现是这样的:http://jsfiddle.net/AqHsW/-(JSFiddle示例)[Alternativemirror]正如您可能注意到的那样,除了一个主要问题外,这一切都完美无缺:无法向下滚动。这个问题似乎是跨操作系统/浏览器的。但是,如果我重写onBeforeScrollStart方法:varscroller=newiScroll('wrapper',{onBeforeScrollStart:nul

javascript - Elm 中的无限滚动

我正在Elm中构建一个简单的应用程序,它只显示一个下面的div列表,我想添加无限滚动功能,以便在每次页面的最后一个div出现在视口(viewport)中时添加新内容。Elm有没有办法知道div何时出现在视口(viewport)中?作为替代方案,有没有一种方法可以将鼠标滚动事件作为信号进行跟踪? 最佳答案 目前Elm不支持滚动事件,因此您必须求助于使用端口。这是一个简单的例子。我们需要一个javascript函数来告诉我们列表中的最后一个元素是否在视口(viewport)中。我们可以从thisStackOverflowanswer中获

javascript - bootstrap 3 上主体的自定义滚动条

我尝试使用最佳解决方案来Bootstrap自定义滚动条,但到目前为止没有什么特别的:|我希望能够替换body和内部其他元素(如面板或井、文本区域)上的默认浏览器滚动条......我找到了thisplugin炒锅就好了,但如果我想更换body卷轴就不能像在其他情况下那样工作。我是不是做错了什么或者...有人可以解释我为什么不为工作吗?或者如果可以建议我其他插件except:jQueryslimScroll,malihu-custom-scrollbar-plugin,jScrollPane因为我已经测试过并且不适合我的项目。Hereisasmallfiddleexample类型

javascript - 此页面上的不同元素似乎以不同的速度滚动。这是怎么做到的?

我指的效果可见于http://whyinteractive.com/showreel.这些元素似乎以不同的速度前后滚动,产生了一些很酷的效果。这是怎么做到的? 最佳答案 您正在寻找的是所谓的视差效果。您可以在以下网站了解更多信息:http://locomotivation.squeejee.com/post/109269802/jquery-parallax-scrolling-build-your-own-1980s-video-gamhttp://stephenmcintyre.net/blog/jquery-parallax-

javascript - 如何在 100vh 滚动后切换类

如何让这个函数在滚动100vh后添加类?目前它在850px之后添加类。$("document").ready(function($){varnav=$('#verschwinden');$(window).scroll(function(){if($(this).scrollTop()>850){nav.addClass("doch");}else{nav.removeClass("doch");}});}); 最佳答案 100vh在jQuery中很简单,如$(window).height()而在纯JavaScript中是windo

javascript - 向下滚动页面后更改元素的CSS位置

我正在摆弄一些jquery试图掌握它。我有一个ul导航,它设置了绝对位置,但在我将页面向下滚动200像素后,我希望它切换到固定位置,以便导航始终停留在页面上。我该怎么做?下面是我正在处理的例子http://satbulsara.com/tests/ 最佳答案 感谢大家如此迅速的帮助这就是我想要的$(document).ready(function(){vartheLoc=$('ul').position().top;$(window).scroll(function(){if(theLoc>=$(window).scrollTop(

javascript - Meteor 的滚动事件

我在meteor文档中找不到meteor的滚动事件。当某人在meteor应用程序中向下滚动窗口时,我该如何着手做某事?我试过'scrollwindow':function(event){...}没有按预期工作。 最佳答案 我也一直在搞这个。我还没有找到在Template.template.events中干净地完成它的方法。目前明显的临时解决方案是使用简单的jQuery滚动事件。$(window).scroll(function(){//yourcode});应该可以解决问题。我试图用作选择器但无济于事的是:'滚动*''滚动体''滚动

javascript - 滚动时只调用一次函数

我有一个关于对象在我的屏幕内时将被调用的函数的问题。但是当对象在我的屏幕内时,将调用该函数并触发警报。但是,如果我关闭警报并进一步向下滚动,则会再次调用该事件。我不要那个。我该如何解决?Workingexample到目前为止我的代码:scrolldowntoseethedivJS$(window).on('scroll',function(){if(checkVisible($('#tester'))){alert("Visible!!!")}else{//donothing}});functioncheckVisible(elm,eval){eval=eval||"objectvis

javascript - FlatList 不滚动

我创建了一个屏幕,其中显示了一个包含FlatList的组件。出于某种原因,我无法滚动列表。谁能发现我的错误并指出正确的方向?我的屏幕文件中的渲染函数和样式:render(){return();}}conststyles=StyleSheet.create({container:{flex:1,overflow:'hidden',backgroundColor:'#fff',alignItems:'center',justifyContent:'flex-start',},list:{flex:1,overflow:'hidden',},});从我的listitem组件渲染函数和样式:e